<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>相册首页</title>
    <link href="/css/bootstrap.css" type="text/css" rel="stylesheet">
</head>

<body>

    <div class="container">
        <nav class="navbar navbar-default">

            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">我的相册</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="/users/index">首页 <span class="sr-only">(current)</span></a></li>
                    <li><a href="/users/upload">上传</a></li>
                    <li><a href="##">创建目录</a></li>

                </ul>

            </div><!-- /.navbar-collapse -->
        </nav>
    </div><!-- /.container-fluid -->
    <!--

- 相册功能

  1. 首页功能：显示文件夹列表，点击首页文件夹跳转到列表页（点击对应的文件夹，则显示对应文件夹下的图片）
  2. 上传页功能：选择要上传的图片，并选择要上传的目录，点击上传，上传成功。
  3. 添加目录：如果文件目录存在，则创建失败，否则创建成功。
-->

    <div class="container">
        <%for(var i=0;i<doc.length;i++){%>
            <div class="row" style="float: left;width: 202px;margin-right: 20px;">
                <div class="col-md-3" style="width: 202px;">
                    <a href="##" class="thumbnail">
                        <img src="<%=doc[i].image%>">
                        <p class="text-center">aa</p>
                    </a>
                </div>
            </div>
            <%}%>
    </div>

</body>

</html>
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>